@charset "utf-8";

/*!头部导航结构 */

#top {
    width: 100%;
    height: 33px;
    border-bottom: $bordervalue;
}

#top .top-content {
    width: $w;
    height: 100%;
    margin: auto;
}

#top .top-content .top-nav {
    float: right;
    line-height: 33px;
    color: #999;
}

.top-nav a {
    display: inline-block;
}

.top-nav a:first-child img {
    width: 10px;
    height: 12px;
    vertical-align: middle;
}

.top-nav a:nth-child(2) img {
    width: 10px;
    height: 12px;
    vertical-align: middle;
}

.top-nav a:nth-child(2)::before {
    content: "|";
    margin: 0 20px;
}

.top-nav a:nth-child(3)::before {
    content: "|";
    margin: 0 20px;
}

.top-nav a:nth-child(4)::before {
    content: "|";
    margin: 0 20px;
}

.top-nav a:nth-child(4) img {
    width: 6px;
    height: 6px;
    vertical-align: middle;
}


/* <!-- 头部搜索栏结构 --> */

header {
    width: 100%;
    height: 100px;
}

header .header-content {
    width: $w;
    height: 100%;
    margin: auto;
    background: yellow;
}